<template>
	<view class="index-goods">
		
		<!-- <view class='img-grids'> -->
		<view class="" >
			<view class="img-grids-item" v-for="item in jdata" :key="item.id" @click="goodsDetail(item.id)">
				<image
					class="img-grids-item-t have-none"
					:src="item.image_url"
					mode='aspectFill'
				></image>
				<view class="img-grids-item-b">
					<view class="goods-name grids-goods-name">
						{{item.name}}
					</view>
					<view class="goods-item-c">
						<!-- <view class="goods-price red-price">￥{{ item.price }}</view> -->
						<view class="goods-price red-price">积分: {{ item.init }}</view>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
import {goods} from '@/config/mixins.js'
export default {
	data() {
		return {
			product: {}, // 规格详情
		}
	},
	// mixins: [goods],
	// name: "jshopgoods",
	props: {
		jdata:{
			// type: Array,
			required: true,
		}
	},
	
	methods: {
		//跳转到商品详情页面
		goodsDetail: function(id) {
			let url = '/pages/goods/index/index?id=' + id;
			this.$common.navigateTo(url);
		},

		
		
	},
}
</script>

<style>
.cell-item {
	border: none;
}
.cell-ft-text {
	font-size: 22upx;
	color: #999;
}
.askl{
	padding-bottom: 100upx;
}
.img-grids,.img-list{
	background-color: #fff;
}
.img-grids-item{
	display: inline-table;
	margin-top: 0;
	margin-bottom: 14upx;
}
.column3 .img-grids-item{
	width: 230upx;
	height: 364rpx !important;
	margin: 15upx;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 6upx;
}
.column3 .img-grids-item:nth-child(3n){
	margin-right: 15upx;
}
.column3 .img-grids-item-t{
	width: 230upx;
	height: 230upx;
}
.column3 .grids-goods-name{
	font-size: 24upx;
}
.column3 .img-grids-item-b{
	padding: 0 8upx 8upx;
}
.column3 .goods-price{
	font-size: 26upx;
}
.slide3 .img-grids-item{
	width: 200upx;
}
.slide3 .img-grids-item-t{
	width: 200upx;
	height: 200upx;
}
.slide3 .grids-goods-name{
	font-size: 24rpx;
	/* height: 66rpx; */
	height: 50rpx;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-goods .img-grids-item{
	display: inline-block;
	margin-top: 0;
}
.index-goods .img-list-item{
	padding: 0upx 26upx;
	margin-bottom: 14upx;
}
.index-goods .img-list{
	padding-bottom: 10upx;
}
</style>
